import { BookOpen, Sparkles } from 'lucide-react'

export default function Header() {
  return (
    <header className="bg-white shadow-sm border-b border-gray-200">
      <div className="container mx-auto px-4 py-4">
        <div className="flex items-center justify-between">
          <div className="flex items-center space-x-3">
            <div className="flex items-center space-x-2">
              <BookOpen className="h-8 w-8 text-primary-500" />
              <Sparkles className="h-6 w-6 text-yellow-500" />
            </div>
            <h1 className="text-2xl font-bold text-gray-900">
              AI英语绘本
            </h1>
          </div>
          <nav className="hidden md:flex items-center space-x-6">
            <a href="#" className="text-gray-600 hover:text-primary-500 transition-colors">
              首页
            </a>
            <a href="#" className="text-gray-600 hover:text-primary-500 transition-colors">
              关于我们
            </a>
            <a href="#" className="text-gray-600 hover:text-primary-500 transition-colors">
              帮助
            </a>
          </nav>
        </div>
      </div>
    </header>
  )
} 